<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us"> 
	<head profile="http://gmpg.org/xfn/11" xml:lang="en-us"> 
		<style id="preload-styles" type="text/css"> 
			body {
				background-image:url('/app/images/indicator-3a.gif');
				background-color: #000;
				background-repeat: no-repeat;
				background-position: center center;
			}
			.pre-loading {
				height: 500px;
			}
		</style> 
		<script type="text/javascript"> 
			function JSLogger(Msg, Pg, Ln) {
				if (App.Config.Debug) {
					var LogMsg = 'JSLogger: \n';
					for (var i = 0; i < arguments.length; i ++) {
						LogMsg += '  ' + arguments[i] + '\n';
					}
					if (window['console']) {
						console.log(LogMsg);
					}
				}
				return true;
			}
		</script> 
		<script type="text/javascript"> 
			window.onerror = JSLogger;
		</script> 
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js"></script> 
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/effects.js"></script> 
		
		<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight,light,regular&amp;subset=latin' rel='stylesheet' type='text/css'>
		
		<script type="text/javascript"> 
			App = {};
			App.PathRoot = 'http://phasedreduction.appspot.com';
			//App.PathRoot = 'http://localhost:8080';
			App.User = {};
			App.User.IpAddress = '208.54.35.77'; 
			App.User.IsAuthenticated = false; 
			App.User.UserName = 'tctconferencedemo@stratacast.com'; 
			App.User.SessionId = 'vmwcn4z1zsbzf555m5n4bta4'; 
			App.User.Roles = [];
			App.Config = {};
			App.Config.Debug = (App.User.Roles.indexOf('Developers') > -1) ? true : false; 
			App.Config.Application = {}; 
			App.Config.Application.Title = 'StrataCast: TCT Conference 2010'; 
			App.Config.Content = {}; 
			App.Config.Content.Id = '88fc5748-1d84-4b16-8f34-ec3cd0303c5d'; 
			App.Config.Content.Title = 'Providers'; 
			App.Config.Content.CreatedBy = 'gn@phasedreduction.com'; 
			App.Config.Content.DateCreated = '2010/08/05 08:22 AM'; 
			App.Config.Content.Version = '5.0'; 
			App.Config.Init = {};
			App.Config.Init.Assets = [ 
			 { 'Type': 1, 'Id': 'AppStyle0', Url: App.PathRoot + '/app_styles/Phased.Reset.css' }, 
			 { 'Type': 1, 'Id': 'AppStyle1', Url: App.PathRoot + '/app_styles/Phased.App.css' }, 
			 { 'Type': 1, 'Id': 'AppStyle2', Url: App.PathRoot + '/app_styles/Phased.App.IE.css', 'IE': 1 }, 
			 { 'Type': 1, 'Id': 'SiteStyle0', Url: '/app/styles/Site.css' }, 
			 { 'Type': 2, 'Id': 'SiteScript1', Url: '/app/scripts/Site.js' }
			]; 
			App.Config.Controls = [];
			App.Config.Controls.push({
			 'Guid': 'ImageLoaders', 
			 'ControlType': 0 
			});
			App.Config.Controls.push({
			 'Guid': 'Indicators', 
			 'ControlType': 0 
			});
			/*App.Config.Controls.push({
			 'Guid': 'Forms', 
			 'ControlType': 1, 
			 'ScriptUrl': App.PathRoot + '/app_scripts/Phased.Controls.Forms.js' 
			});*/
			App.Config.Controls.push({
			 'Guid': 'TabSets', 
			 'ControlType': 1, 
			 'ScriptUrl': App.PathRoot + '/app_scripts/Phased.Controls.TabSets.js' 
			});
			App.Config.Controls.push({
			 'Guid': 'Tooltips', 
			 'ControlType': 1, 
			 'ScriptUrl': App.PathRoot + '/app_scripts/Phased.Controls.Tooltips.js' 
			});
			App.Config.Controls.push({
			 'Guid': 'Modals', 
			 'ControlType': 1, 
			 'ScriptUrl': App.PathRoot + '/app_scripts/Phased.Controls.Modals.js' 
			});
			/*App.Config.Controls.push({
			 'Guid': 'Fonts', 
			 'ControlType': 0, 
			 'Items': [ 
			     { 'Type': 1, 'Id': 'Font0', 'Url': 'http://fonts.googleapis.com/css?family=Molengo&subset=latin' } 
			  ]
			});*/
			App.Config.Analytics = {
			 'Guid': 'Analytics', 
			 'ControlType': 0, 
			 'Profile': { 'Id': 'UA-339567-25' }, 
			 'ScriptUrl': App.PathRoot + '/app_scripts/Phased.Controls.Analytics.js' 
			};
		</script> 
		<title>StrataCast Clinical Analysis / Dashboard</title> 
		<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
		<meta http-equiv="content-script-type" content="text/javascript" /> 
		<meta http-equiv="content-style-type" content="text/css" /> 
		<meta http-equiv="cache-control" content="max-age=84600, must-revalidate" /> 
		<meta http-equiv="imagetoolbar" content="no" /> 
		<meta http-equiv="X-UA-Compatible" content="edge" /> 
		<meta name="language" content="en-us" /> 
		<meta name="publisher" content="Google AppEngine" /> 
		<meta name="description" content="" /> 
		<meta name="author" content="Gregory Nicholas, Ali Sharafat" /> 
		<meta name="copyright" content="Copyright (c) Copyright (c) 2010 PhasedReduction, LLC - Gregory Nicholas, Ali Sharafat" /> 
		<meta name="mssmarttagspreventparsing" content="true" /> 
		<meta name="code_language" content="vb" /> 
		<meta name="google-site-verification" content="rhS_FYZlppALFApVdCoaCVd0HhJ1Uk2QAllYtcS5_hc" /> 
        
        <script type="text/javascript" src="http://phasedreduction.appspot.com/app_scripts/Phased.App.js"></script> 
        
	</head> 
	<body> 
	
		<script type="text/javascript"> 
			window.onerror = JSLogger;
		</script> 
		
		<div id="page" class="pre-loading" style="display:none;">
		
		<div id="site-head">
			<div class="wrapper-a center-box"> 
				<ul class="menu-a">
					<li class="fl-left">
						<a href="/patients" class="patients "></a>
					</li>
					<li class="fl-left">
						<a href="/providers" class="collaborators active"></a>
					</li>
					<li class="fl-left">
						<a href="/outcomes" class="outcomes"></a>
					</li>
				</ul>
				<div class="clear"></div>
			</div>
		</div>
		<!-- // end of #site-head --> 
		<div id="page-head">
			<div class="wrapper-a center-box"> 
				<ul class="menu-b">
					<li class="active fl-left" style="width:440px;">
						Provider List
						<img src="/app/images/menu-b-notch-bottom.png" style=""/>
					</li>
				</ul>
				<div class="clear"></div>
			</div>
			<!-- // end of .wrapper-a --> 
		</div>
		<!-- // end of #page-head --> 
		<div id="page-wrapper" class="page-wrapper">
			<div id="page-body-wrapper">
			<div class="wrapper-a center-box">
				
				<div class="two-column">
					
					<!--providers : [
						{
							id: 0
							title: 'John Doe',
							department: 'Cardiology',
							region: 'California',
							facility: 'UCLA Medical Center',
							thumbnail: 'image.jpg'
						}
					]-->
					
					<div 
						callback_init="" 
						callback_failure="" 
						callback_success="" 
						ajax-uri="/" 
						label="Add New Patient" 
						notifier="column-0-notifier" 
						class="phased-form fl-left column-0" 
						name="form-patient-add" 
						id="form-patient-add" 
						method="post" 
						style="width:640px;" 
						>
						
						<div style="margin:18px 0 10px 0; position:relative; font-size:24px; color:#fff;">
							Provider List
						</div>
						
						<div class="control-indicator" id="column-0-notifier" style="display:none;"></div>
						
						
						<div id="provider-list-wrapper" style="">
							<div style="margin:20px 0 30px 0;">
								<div style="padding-bottom:10px; font-size:20px; color:#ccc;">
									Ali Sharafat, Cardiologist, Stanford, CA
								</div>
								<div class="fl-left" style="width:180px; height:135px; overflow:hidden; border:solid 2px #ee3d97;">
									<img src="/app/images/thumbnail_ali.jpg"/>
								</div>
								<div class="fl-left" style="width:200px;">
									<div 
										class="block btn-follow tooltip-handler" 
										tooltipoptions="({ Align: Phased.Controls.Tooltips.Positions.ELEMENT, Offset: { Top: 6, Left: 0 }, Coords: { Top: 0, Left: 0 } })" 
										tooltipcontent="Follow this provider's data" 
										>
										Follow
									</div>
								</div>
								<div class="clear"></div>
							</div>
							
							<div style="margin:20px 0 30px 0;">
								<div style="padding-bottom:10px; font-size:20px; color:#ccc;">
									Dr. Gregory Nicholas, Cardiologist, San Francisco, CA
								</div>
								<div class="fl-left" style="width:180px; height:135px; overflow:hidden; border:solid 2px #ee3d97;">
									<img src="/app/images/thumbnail_gregory.jpg"/>
								</div>
								<div class="fl-left" style="width:200px;">
									<div 
										class="block btn-follow tooltip-handler" 
										tooltipoptions="({ Align: Phased.Controls.Tooltips.Positions.ELEMENT, Offset: { Top: 6, Left: 0 }, Coords: { Top: 0, Left: 0 } })" 
										tooltipcontent="Follow this provider's data" 
										>
										Follow
									</div>
								</div>
								<div class="clear"></div>
							</div>
							
							<div style="margin:20px 0 30px 0;">
								<div style="padding-bottom:10px; font-size:20px; color:#ccc;">
									Dr. Sanjeev Dhanda, Cardiologist, San Francisco, CA
								</div>
								<div class="fl-left" style="width:180px; height:135px; overflow:hidden; border:solid 2px #ee3d97;">
									<img src="/app/images/thumbnail_sanjeev.jpg"/>
								</div>
								<div class="fl-left" style="width:200px;">
									<div 
										class="block btn-follow tooltip-handler" 
										tooltipoptions="({ Align: Phased.Controls.Tooltips.Positions.ELEMENT, Offset: { Top: 6, Left: 0 }, Coords: { Top: 0, Left: 0 } })" 
										tooltipcontent="Follow this provider's data" 
										>
										Follow
									</div>
								</div>
								<div class="clear"></div>
							</div>
						</div>
						
						
						<script type="text/javascript">
							var providerlist = {
								getlist: function() {
									this.request = new Ajax.Request('/listproviders', {
						                evalScripts: true,
						                synchronous: true,
						                method: 'get',
						                onSuccess: this.callback.bind(this),
						                onFailure: function(e) {
						                    alert('Error occurred during form submission: ' + e.responseText);
						                }.bind(this),
						                parameters: this.parameters
						            });
								},
								callback: function(e) {
									//alert(e);
								}
							};
							//providerlist.getlist();
						</script>
						
						
						<div class="clear"></div>
						
					</div>
					<!-- // end of .column-0 -->
					
					<div class="clear"></div>
				</div>
				<!-- // end of .two-column --> 
				
				<div class="site-foot"></div>
				
			</div>
			<!-- // end of .wrapper-a --> 
			</div>
			<!-- // end of #page-body-wrapper --> 
		</div> 
		<!-- // end of #page-wrapper --> 
		
		</div>
		<!-- // end of #page --> 
		
	</body> 
</html>